Memasang Tool HTML Converter Parser pada sebuah blog bagi seorang blogger sudah menjadi suatu keharusan. Umumnya HTML Converter Parser diperlukan untuk convert atau parsing kode HTML pada kode-kode script iklan AdSense atau yang lain. Dan bisa juga bagi kita yang banyak menulis atau posting artikel yang berkaitan dengan menggunakan kode javascript yang perlu di parse atau convert sebelum di publikasikan.
Hal ini sangat penting jika anda ingin memposting code html. Jika kode html tersebut tidak diparse terlebih dahulu, maka kode html yang kita buat di postingan kodenya tidak bakalan tampil. Tool HTML Converter Parser memungkinkan karakter HTML secara otomatis terbaca dalam format XML, dan ini tidak terbatas mengubah script iklan saja, tetapi juga kode HTML apapun.
Proses parse HTML ke XML sebenarnya tidak mengubah keseluruhan kodenya. hanya beberapa kode tertentu yang memungkinkan terjadinya error saat kita masukkannya ke dalam template Blogger.
Cara menggunakan Tool HTML Converter Parser sangatlah mudah, kita cukup mengetikkan atau mengcopykan kode HTML yang akan di convert kemudian paste pada kotak yang disediakan lalu tekan tombol Parse Kode, maka secara otomatis kode HTML Anda akan berubah, dan siap untuk digunakan.
Panduan Cara Pemasangan HTML Converter Parser :
1. Log In ke Akun Blogger
2. Pilih Menu Halaman kemudian buat Halaman Baru
3. Setelah itu di halaman pilih Tampilan HTML
4.
Kemudian copy dan isikan K
ode berikut ini :
<textarea id="codes" placeholder="Paste kodenya di sini, kemudian klik 'Parse Kode'. Jika ingin parse kode baru, klik dulu 'Hapus Kode'" spellcheck="false" style="resize:none"></textarea>
<div class="button-group">
<button id="convert" onclick="cdConvert();this.disabled = true;">Parse Kode</button><button onclick="cdClear();">Hapus Kode</button></div>
<ul id='wrapin'>
<li><input checked="true" id="opt1" type="checkbox" />Konversi <code>&</code> menjadi <code>&amp;</code></li>
<li><input checked="true" id="opt2" type="checkbox" />Konversi <code><</code> menjadi <code>&lt;</code></li>
<li><input checked="true" id="opt3" type="checkbox" />Konversi <code>></code> menjadi <code>&gt;</code></li>
<li><input id="opt4" type="checkbox" />Konversi <code>"</code> menjadi <code>&quot;</code></li>
<li><input id="opt5" type="checkbox" />Konversi <code>'</code> menjadi <code>&#039;</code></li>
</ul>
<style type="text/css">
code{
font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;
color:#2a5ead;
font-size:13px;
padding:2px 4px;
color:#d14;
}
#codes{
font:13px 'Courier New',Monospace;
width:100%;
height:250px;
margin:0 auto;
display:block;
background-color:#f5f8fa;
color:#222;
padding:20px;
border-radius:20px;
}
.button-group{
margin:10px;
text-align:center;
}
button,button[disabled]:active{
border: none;
padding: 5px 12px;
color: #fff;
background-color: #068488;
cursor: pointer;
font-size: 13px;
margin: 0 10px;
line-height: 23px;
border-radius: 20px;
transition: all 0.3s ease-in-out;
}
button:active{
background:#3f92e1;
}
button[disabled],button[disabled]:active{
background:#3f92e1;
}
#opt1,#opt2,#opt3,#opt4,#opt5{
display:inline-block;
margin-right:10px;
font-size:13px;
}
</style>
<script type="text/javascript">
function cdClear() {
var wtarea = document.getElementById('codes');
wtarea.value = '';
wtarea.focus();
document.getElementById('convert').disabled = false;
}
function cdConvert() {
var ctarea = document.getElementById('codes'),
cv = ctarea.value,
opt1 = document.getElementById('opt1'),
opt2 = document.getElementById('opt2'),
opt3 = document.getElementById('opt3'),
opt4 = document.getElementById('opt4'),
opt5 = document.getElementById('opt5');
cv = cv.replace(/\t/g, " ");
if (opt1.checked) cv = cv.replace(/&/g, "&");
if (opt2.checked) cv = cv.replace(/</g, "<");
if (opt3.checked) cv = cv.replace(/>/g, ">");
if (opt4.checked) cv = cv.replace(/"/g, """);
if (opt5.checked) cv = cv.replace(/'/g, "'");
ctarea.value = cv;
ctarea.focus();
ctarea.select();
};
</script>
5. Selesai dan halaman siap di Publikasikan
